

const TestComponent = ({ onGetName }) => {
  // 接收函数
  const name = 'John'
  return (
    // 父传子:调用函数并传入参数
    <span onClick={() => onGetName(name)}>点我传值</span>
  );
};

const App = () => {
  const hanndleGetName = (name) => {
    console.log(name)
  }
  return (
    <div>
      {/* 子传父:传入函数 */}
      <TestComponent onGetName={hanndleGetName} />
    </div>
  )
};

export default App;
